<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragment :: head(~{::title})">
    <title>博客管理后台</title>
</head>
<body class="hold-transition skin-blue sidebar-mini">

<!--头部导航-->
<nav th:replace="_fragment :: left-menu"></nav>
<!----------------------------------------------------------------------------------------->

<!-- Content Header (Page header) -->
<section class="content-header"></section>

<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-2">
            <!-- Profile Image -->
            <div class="box box-primary">
                <div class="box-body box-profile">
                    <!--th:src="${author.avatar}" -->
                    <img class="profile-user-img img-responsive img-circle" src="/static/img/default-head.jpg" alt="User profile picture">

                    <h3 th:text="${author.username}" class="profile-username text-center">Nina Mcintire</h3>

                    <p class="text-muted text-center" th:text="'码龄 '+${author.registAge}+'年'">Software Engineer</p>

                    <ul class="list-group list-group-unbordered">
                        <li class="list-group-item">
                            <b>原创</b> <a class="pull-right" th:text="${author.passage}">13,287</a>
                        </li>
                        <li class="list-group-item">
                            <b>粉丝</b> <a class="pull-right" th:text="${author.fans}">212</a>
                        </li>
                        <li class="list-group-item">
                            <b>关注</b> <a class="pull-right" th:text="${author.attention}">457</a>
                        </li>
                    </ul>

                    <a href="#" class="btn btn-primary btn-block"><b>Follow</b></a>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->

            <!-- About Me Box -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">About Me</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <strong><i class="fa fa-envelope margin-r-5"></i> 邮箱</strong>

                    <p class="text-muted" th:text="${author.email}">
                        951747357@qq.com
                    </p>

                    <hr>

                    <strong><i class="fa fa-map-marker margin-r-5"></i> 最近一次登录</strong>

                    <p class="text-muted" th:text="${author.lastTime}">2021-04-28</p>

                    <hr>

                    <strong><i class="fa fa-pencil margin-r-5"></i> 分类</strong>

                    <p>
                    <div th:each="c:${author.catagoryName}"><a th:text="${c.catagoryName}" th:href="@{/catagory/findCatagory/{id}(id=${c.catagoryId})}">分类1</a></div>
                    </p>

                    <hr>

                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>

        <div class="col-md-10">
            <!--<div class="content-wrapper">-->
            <!-- Content Header (Page header) -->
            <section>
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h1 class="box-title" th:text="${passage.title}">文章标题</h1>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body no-padding">
<!--                        <div class="mailbox-read-info">
                            <h4 th:text="${passage.described}">描述</h4>
                            <h5 style="margin-top: 7px">
                                <button type="button" class="btn btn-default btn-sm" th:each="k:${passage.keywords}" th:text="${k.keywordName}">关键词</button>
                                <span class="mailbox-read-time pull-right" th:text="${passage.createDate}">15 Feb. 2016 11:03 PM</span>
                            </h5>
                        </div>-->
                        <!-- 正文 -->
                        <div class="mailbox-read-message" th:utext="${passage.content}"></div>
                        <!-- /.mailbox-read-message -->
                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer">

                    </div>
                    <!-- /.box-footer -->
                    <div class="box-footer">
                        <div class="pull-right">
                            <button type="button" class="btn btn-default"><i class="fa fa-thumbs-up"></i> 点赞</button>
                            <button type="button" class="btn btn-default"><i class="fa fa-commenting"></i> 评论</button>
                        </div>
                    </div>
                    <!-- /.box-footer -->
                </div>
                <!-- /. box -->
            </section>
        </div>
    </div>
</section>

<!----------------------------------------------------------------------------------------->
<!--底部footer-->
<footer th:replace="_fragment :: footer"></footer>
</body>

<th:block th:replace="_fragment :: script">
</th:block>

<script>
    $('#menu li').click(function () {
        var f = this;
        $('#menu li').each(function () {
            this.className = this == f ? 'active' : 'noneclick'
        });
    });
</script>


</html>
